.content {
  width: 1118px;
  margin: 90px auto 20px;
  font-size: 13px;
  color: #666;
}
.content h1 {
  font-weight: normal;
}
.content .order .order-nav {
  background-color: #fff;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  padding: 0 15px;
  margin-top: 10px;
}
.content .order .order-nav div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.content .order .order-nav div:nth-of-type(1) span:nth-of-type(1) {
  margin-left: 5px;
}
.content .order .order-nav div:nth-of-type(1) span:nth-of-type(2) {
  margin-left: 60px;
}
.content .order .order-nav div:nth-of-type(2) span {
  margin-right: 60px;
}
.content .order .order-items {
  overflow-x: hidden;
  overflow-y: auto;
  height: 480px;
}
.content .order .order-items li {
  padding: 0 30px;
  background-color: #fff;
  color: #666;
  margin-top: 10px;
  height: 101px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.content .order .order-items li > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.content .order .order-items li > div:nth-of-type(1) img {
  width: 66px;
  height: 66px;
  margin: 0 8px;
}
.content .order .order-items li > div:nth-of-type(1) > span:nth-of-type(1) {
  margin-left: 5px;
}
.content .order .order-items li > div:nth-of-type(1) > span:nth-of-type(2) {
  margin-left: 50px;
}
.content .order .order-items li > div:nth-of-type(2) > span {
  margin-right: 56px;
}
.content .order .order-items li > div:nth-of-type(2) > span > a {
  color: #333;
}
.content .order .order-items li > div > div {
  margin-right: 45px;
}
.content .order .order-items li > div > div input[type="text"] {
  width: 10px;
}
.content .pay {
  height: 48px;
  background-color: #fff;
  padding: 20px 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.content .pay > div:nth-of-type(1) {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.content .pay > div:nth-of-type(1) input {
  margin-right: 5px;
}
.content .pay > div:nth-of-type(1) span:nth-of-type(n + 2) {
  margin-left: 35px;
}
.content .pay > div:nth-of-type(2) {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.content .pay > div:nth-of-type(2) input {
  margin-left: 40px;
  border: none;
  background-color: #ff5151;
  color: #fff;
  width: 194px;
  height: 48px;
  cursor: pointer;
}
.content .pay > div:nth-of-type(2) > div > p > span {
  color: #f44;
  font-size: 18px;
}
